<!-- vr管理列表页 -->
<div style="background-color: white;margin: 10px 15px 0px ;border-bottom-width: 3px ;border-bottom-style: solid ;border-bottom-color: red;padding: 10px 0px 10px 40px">
    <p href="#"><i class="glyphicon glyphicon-sunglasses"></i>
        <span>VR列表管理</span>
    </p>
</div>
<div  style="background-color: white;margin: 0px 15px 20px ;padding: 20px 0px 10px 40px;height: 220px">
    <form class="form-inline">
        <div class="form-group" style="margin-bottom: 10px ;margin-right: 250px">
            <label for="VR1">项目名称</label>
            <input type="text" class="form-control" id="VR1"  style="width: 320px">
        </div>
        <div class="form-group" style="margin-bottom: 10px;margin-right: 250px">
            <label for="VR2">房源编号</label>
            <input type="text" class="form-control" id="VR2" style="width: 220px" >
        </div>
        <div class="dropdown form-group" style="margin-bottom: 10px;margin-right: 25px">
            订单状态
            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="width: 220px">
                请选择
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                <li><a href="#">预约中</a></li>
                <li><a href="#">拍摄中</a></li>
                <li><a href="#">上传中</a></li>
                <li><a href="#">处理</a></li>
                <li><a href="#">检核</a></li>
            </ul>
        </div>
        <br/>
        <div class="form-group" style="margin-bottom: 10px;margin-right: 300px">
            <label for="VR3">预约时间</label>
            <input type="text" class="form-control" id="VR3"style="width: 280px">
        </div>
        <div class="form-group" style="margin-bottom: 10px;margin-right: 260px">
            <label for="VR4">约拍人</label>
            <input type="email" class="form-control" id="VR4" style="width: 220px" >
        </div>
        <div class="form-group" style="margin-bottom: 10px;margin-right: 50px">
            <label for="VR4">拍摄人</label>
            <input type="email" class="form-control" id="VR5" style="width: 220px" >
        </div>
        <br/>
        <div class="form-group" style="margin-bottom: 10px;margin-right: 300px">
            <label for="VR3">检核时间</label>
            <input type="text" class="form-control" id="VR6"style="width: 280px">
        </div>
        <div class="form-group" style="margin-bottom: 10px;margin-right: 25px">
            <label for="VR5">检核结果</label>
            <select style="width: 100px;height: 30px">
                <option>
                    请选择
                </option>
                <option>
                    a
                </option>
                <option>
                    b
                </option>
            </select>
            <select style="width: 100px;height: 30px">
                <option>
                    请选择
                </option>
                <option>
                    a
                </option>
                <option>
                    b
                </option>
            </select>
        </div>
        <br/>
        <div style="float: right;margin-right: 100px">
            <button type="submit" class="btn btn-default">清空</button>
        </div>
        <div style="float: right">
            <button type="submit" class="btn btn-default" style="background-color: red ">搜索</button>
        </div>
    </form>
</div>
<div style="margin: 30px 15px;background-color: white;height: 60px">
    <div style="float: right;padding: 15px 20px 0px 0px;margin-left: 20px;" >
        <ul class="pagination pagination-sm no-margin pull-right">
            <li><a class="first">首页</a></li>
            <li><a class="pre">上一页</a></li>
            <li><a class="next">下一页</a></li>
            <li><a class="last">尾页</a></li>
            <li><a class="rowCount">总记录数(0)</a></li>
            <li><a class="pageCount">总页数(0)</a></li>
            <li><a class="pageCurrent">当前页(1)</a></li>
        </ul>
    </div>
    <div style="float: right ;padding-top:15px ">
        <div class="btn-group" role="group" aria-label="...">
            <button type="button" class="btn btn-default" style="color: white ;background-color: #8e908c">10</button>
            <button type="button" class="btn btn-default" style="color: white;background-color: #8e908c">20</button>
            <button type="button" class="btn btn-default" style="color: white;background-color: #8e908c">30</button>
        </div>
    </div>
    <div style="float: left ;padding: 15px 0px 0px 30px">
        <select style="border-color: white ;color: red">
            <option>预约时间</option>
        </select>
        <select style="border-color: white ">
            <option>检核时间</option>
        </select>
    </div>
</div>
<div style="margin: 10px 15px ;background-color: white">
    <div style="border-color: #8e908c ;border-width: 1px ;border-style:solid ;background-color: #8e908c">
        <table>
            <tr>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>房源编号</strong></td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>约拍人</strong></td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>拍摄人</strong></td>

                <td style="width: 1000px ;height: 50px;text-align: center">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>进度</strong>
                </td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>状态</strong></td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>操作</strong></td>
            </tr>
        </table>
    </div>

    <div style="border-color: #8e908c ;border-width: 1px ;border-style:solid">
        <table>
            <tr>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;<strong>SH2465464A31SD</strong></td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;<strong>陈斌</strong></td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>/</strong></td>
                <td style="width: 1000px ;height: 50px;text-align: center">
                </td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>已预约</strong></td>
                <td style="width: 200px ;height: 50px ;color: red">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>更改记录</strong></td>
            </tr>
            <tr>
                <td style="width: 200px ;height: 50px" colspan="5">&nbsp;&nbsp;<strong>项目名称：新三小区5号601</strong></td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" style="color: deepskyblue">取消</a></td>
            </tr>
        </table>
    </div>

    <div style="border-color: #8e908c ;border-width: 1px ;border-style:solid">
        <table>
            <tr>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;<strong>SH2465464A31SD</strong></td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;<strong>陈斌</strong></td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>/</strong></td>
                <td style="width: 1000px ;height: 50px;text-align: center">
                </td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>已预约</strong></td>
                <td style="width: 200px ;height: 50px ;color: red">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>更改记录</strong></td>
            </tr>
            <tr>
                <td style="width: 200px ;height: 50px" colspan="5">&nbsp;&nbsp;<strong>项目名称：新三小区5号601</strong></td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" style="color: deepskyblue">取消</a></td>
            </tr>
        </table>
    </div>
    <div style="border-color: #8e908c ;border-width: 1px ;border-style:solid">
        <table>
            <tr>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;<strong>SH2465464A31SD</strong></td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;<strong>陈斌</strong></td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>/</strong></td>
                <td style="width: 1000px ;height: 50px;text-align: center">
                </td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>已预约</strong></td>
                <td style="width: 200px ;height: 50px ;color: red">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>更改记录</strong></td>
            </tr>
            <tr>
                <td style="width: 200px ;height: 50px" colspan="5">&nbsp;&nbsp;<strong>项目名称：新三小区5号601</strong></td>
                <td style="width: 200px ;height: 50px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" style="color: deepskyblue">取消</a></td>
            </tr>
        </table>
    </div>


</div>
